<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt"	uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>支付页</title>
	<link rel="stylesheet" href="${ctx.resource}/css/style.css" type="text/css" />
    <!--  <script type="text/javascript">   
  	var pageNo = Number(${pageNo}) ;
	var pageCount= Number(${pageCount});
	function search() {
		//把表单的数据进行序列化
		$.ajax({
			url:"${ctx}/order/pay_update_json",
			type:"POST",
			data:{name:$("#name").val(),sex:$("#sex").val(),firstName:$("#firstName").val(),lastName:$("#lastName").val(),
			schoolname:$("#schoolname").val(),email:$("#email").val(),
			fatherName:$("#fatherName").val(),fatherEmail:$("#fatherEmail").val(),fatherPhone:$("#fatherPhone").val(),
			motherName:$("#motherName").val(),motherEmail:$("#motherEmail").val(),motherPhone:$("#motherPhone").val(),
			ifknow:$("#ifknow").val(),ifagree:$("#ifagree").val(),ifhotel:$("#ifhotel").val(),
			pageNo:pageNo},
			dataType:"json",
			success:function(page){
				
				$("#pageCount").html(page.totalPage) ;
				$("#totalCount").html(page.total) ;
				$("#pageNo").html(pageNo);
				
				$("#quxiao").click() ;
				$("#shuju").html(data1) ;
			}
		});
	}
	function up(){
		if(pageNo>=pageCount){
			alert("这是最后一页") ;
			pageNo =pageCount ;
		}else{
			pageNo++ ;
			search() ;
		}
	}
	function down(){
		if(pageNo<=1){
			alert("这是第一页") ;
			pageNo =1 ;
		}else{
			pageNo--;
			search() ;
		}
	}
	function show(pageno){
		pageNo = Number(pageno) ;
		search() ;
	}
</script> 
 <script>
function get(){
var a=opener.document.getElementById("a").value;
alert(a);
}
</script>-->
<script type="application/javascript"> 
$.fn.serializeObject = function()    
{    
   var o = {};    
   var a = this.serializeArray();    
   $.each(a, function() {    
       if (o[this.name]) {    
           if (!o[this.name].push) {    
               o[this.name] = [o[this.name]];    
           }    
           o[this.name].push(this.value || '');    
       } else {    
           o[this.name] = this.value || '';    
       }    
   });    
   return o;    
};  
function onClik(){  
        //var data = $("payform").serializeArray(); //自动将form表单封装成json  
        //alert(JSON.stringify(data));  
        var jsonuserinfo = $('payform').serializeObject();  
        alert(JSON.stringify(jsonuserinfo));  
}  
</script>
  </head>
  
  <body>
   <%
    	request.setCharacterEncoding("UTF-8");
    	
    	String name=request.getParameter("name");
     %>
     
<div class="os-2015">
<%@ include file="/public/top.jsp"%>
<!--center-->
<div class="pay">
<div class="w">
<div class="pay01">
<!--进度条-->
<ul>
	<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
	<li>填写个人信息</li>
	<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
	<li><img src="${ctx.resource}/images/s-select02.jpg" /></li>
	<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
	<li>支付项目</li>
	<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
	<li><img src="${ctx.resource}/images/s-select03.jpg" /></li>
	<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
	<li id="act">完成</li>
	<li><img src="${ctx.resource}/images/s-select04.jpg" /></li>
</ul>
<!--进度条-->
</div>
<form action="${ctx }/order/pay_update_json" id="payform" name="payform" method="POST" target="_blank">
<div class="pay02">
<div class="pay02-bj1"><img src="${ctx.resource}/images/pay-bj01.jpg" /></div>
<div class="pay02-bj2">
<div class="pay02-bj2in">

<table width="1110" border="0" cellspacing="0" cellpadding="0" class="biaodan" >
  <tr>
    <th colspan="3" scope="row" style=" text-align:center;font-size:18px">ASDAN项目信息订单 <Span style="color:#C00;font-size:14px;">请认真核对信息!</Span></th>
    </tr>
  <tr>
    <th colspan="2" scope="row">学生信息</th>
    <td>&nbsp;</td>
  </tr>
  <tr>
  	<th colspan="2" scope="row">学生姓名:<label><%=request.getParameter("name")%></label><input type="hidden"  name="name" id="name" value="<%=request.getParameter("name")%>" readOnly="true"/></th>
  	<td>性别:<label><%=request.getParameter("name")%><input type="hidden"  name="sex" id="sex" value="<%=request.getParameter("sex")%>" readOnly="true"/></td>
  </tr>
  <tr>
  <th colspan="2" scope="row">姓拼音:<label><%=request.getParameter("firstName")%><input type="hidden"  name="firstName" id="firstName" value="<%= request.getParameter("firstName")%>"readOnly="true"/></th>
  <td>名拼音:<label><%=request.getParameter("lastName")%><input type="hidden"  name="lastName" id="lastName" value="<%= request.getParameter("lastName")%>"readOnly="true"/></td>
  </tr>
  <tr>
    <th colspan="2" scope="row">学校:<label><%=request.getParameter("schoolname")%><input type="hidden"  name="schoolname" id="schoolname" value="<%=request.getParameter("schoolname")%>" readOnly="true"/></th>
    <td>年级：<label><%=request.getParameter("grade")%><input type="hidden"  name="grade" id="grade" value="<%=request.getParameter("grade")%>" readOnly="true"/></td>
  </tr>
  <tr>
    <th colspan="2" scope="row">邮箱:<label><%=request.getParameter("email")%><input type="hidden"  name="email" id="email" value="<%=request.getParameter("email")%>" readOnly="true"/></th>
    <td>手机号：<label><%=request.getParameter("cellPhone")%><input type="hidden"  name="cellPhone" id="cellPhone" value="<%=request.getParameter("cellPhone")%>" readOnly="true"/></td>
  </tr>
  <tr>
    <th colspan="2" scope="row">身份证号:<label><%=request.getParameter("idCard")%><input type="hidden"  name="idCard" id="idCard" value="<%=request.getParameter("idCard")%>" readOnly="true"/></th>
    <td></td>
  </tr>
  <tr>
  <th scope="row">父母联系方式：</th>
  </tr>
  <tr>
    <th scope="row">父亲姓名:<label><%=request.getParameter("fatherName")%><input type="hidden"  name=""fatherName"" id="fatherName" value="<%=request.getParameter("fatherName")%>" readOnly="true"/></th>
    <th scope="row">邮箱：<label><%=request.getParameter("fatherEmail")%><input type="hidden"  name=""fatherEmail"" id="fatherEmail" value="<%=request.getParameter("fatherEmail")%>" readOnly="true"/></th>
    <th scope="row">手机：<label><%=request.getParameter("fatherPhone")%><input type="hidden"  name=""fatherPhone"" id="fatherPhone" value="<%=request.getParameter("fatherPhone")%>" readOnly="true"/></th>
    </tr>
  <tr>
    <th scope="row">母亲姓名:<label><%=request.getParameter("motherName")%><input type="hidden"  name=""motherName"" id="motherName" value="<%= request.getParameter("motherName")%>" readOnly="true"/></th>
    <th scope="row">邮箱：<label><%=request.getParameter("motherEmail")%><input type="hidden"  name=""motherEmail"" id="motherEmail" value="<%= request.getParameter("motherEmail")%>" readOnly="true"/></th>
    <th scope="row">手机：<label><%=request.getParameter("motherPhone")%><input type="hidden"  name=""motherPhone"" id="motherPhone" value="<%= request.getParameter("motherPhone")%>" readOnly="true"/></th>
    </tr>
  <tr>
    <th colspan="3" scope="row">父母是否已知晓相关项目信息：<label><%=request.getParameter("RadioGroupKnow1")%><input type="hidden"  name="ifknow" id="ifknow" value="<%= request.getParameter("RadioGroupKnow1")%>"readOnly="true"/>
         
</th>
    </tr>
  <tr>
    <th colspan="3" scope="row">父母是否已同意参加该项目：<label><%=request.getParameter("RadioGroupAgree1")%><input type="hidden"  name="ifagree" id="ifagree" value="<%= request.getParameter("RadioGroupAgree1")%>"readOnly="true"/>
      
   </th>
    </tr>
      <tr>
    <th colspan="3" scope="row">是否选择住宿：<label><%=request.getParameter("RadioGroupHotel1")%><input type="hidden"  name="ifhotel" id="ifhotel" value="<%= request.getParameter("RadioGroupHotel1")%>"readOnly="true"/>
      
   </th>
    </tr>
   <!-- 
  <tr>
    <th colspan="3" scope="row">是否拥有护照:<input type="text" name="ifown" id="ifown" value="<%= request.getParameter("RadioGroupOwn1")%>"readOnly="true"/>
            <label>
          
            <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />
            是</label>
          <label>
            <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
            否</label></th>
    </tr>
  <tr>
    <th colspan="2" scope="row">姓拼音:<input type="text" name="firstName" id="firstName" value="<%= request.getParameter("firstName")%>"readOnly="true"/></th>
    <td>国籍:<input type="text" name="country" id="country" value="<%= request.getParameter("country")%>"readOnly="true"/></td>
  </tr>
  <tr>
    <th colspan="2" scope="row">名拼音:<input type="text" name="lastName" id="lastName" value="<%= request.getParameter("lastName")%>"readOnly="true"/></th>
    <td>签发日期:<input type="text" name="passSignTime" id="passSignTime" value="<%= request.getParameter("passSignTime")%>"readOnly="true"/></td>
  </tr>
  <tr>
    <th colspan="2" scope="row">护照号码:<input type="text" name="passid" id="passid" value="<%= request.getParameter("passid")%>"readOnly="true"/></th>
    <td>有效期至:<input type="text" name="passCloseTime" id="passCloseTime" value="<%= request.getParameter("passCloseTime")%>"readOnly="true"/></td>
  </tr>
  -->
</table>

</div>
<div class="pay02-bj2inn">
<span>参与项目信息</span>
<div class="wenben">
<span class="pig"><img src="${ctx.resource}/images/pay-img01.jpg" /></span>
<span><p>ASDAN精英项目-美国项目</p><p>第一期</p></span>
<span>开始时间：<input type="text" name="passSignTime" id="passSignTime" value="<%= request.getParameter("startTime")%>"readOnly="true"/></span>
<span class="money">$<input type="text" name="passSignTime" id="passSignTime" value="<%= request.getParameter("price")%>"readOnly="true"/></span>
</div>
<div style=" clear:both"></div>
<p class="butt"><a href="#" onclick="javascript:window.history.back()">返回上一步编辑信息</a><input type="image" src="${ctx.resource}/images/pay-button.jpg"  onClick="document.payform.submit()" ></p>
</div>
</div>
<div class="pay02-bj1"><img src="${ctx.resource}/images/pay-bj02.jpg" /></div>
</div>
</form> 
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>
<jsp:include page="../public/footer.jsp"></jsp:include>
</div>
</body>
</html>
